﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Main.aspx.cs" Inherits="Family_Main" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="renderer" content="webkit">
    <title>主页</title>
    
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../css/jquery.fullPage.css" />
	<link rel="stylesheet" type="text/css" href="../css/main.css" />

    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jqueryui/1.9.1/jquery-ui.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.js"></script>
    <script type="text/javascript" src="../js/respond.min.js"></script>

	<!--[if IE]>
		<script type="text/javascript">
			 var console = { log: function() {} };
		</script>
	<![endif]-->
	

	<script type="text/javascript" src="../js/scrolloverflow.js"></script>
	<script type="text/javascript" src="../js/jquery.fullPage.js"></script>
    <script type="text/javascript" src="../js/pages/main.js"></script>
	<script type="text/javascript" src="../js/pages/common.js"></script>
    <style>
        #section1 img{
            left: 130%;
            position:relative;
        }
        #section1 p{
            display:none;
        }
        #section2 .intro{
            left: -130%;
            position:relative;
        }
        #library-section a {
            color:#31708f;
        }
        #library-section a:hover {
            text-decoration:none;
            color:#245269;
        }

        #communicate-section a {
            color:#3c763d;
        }
        #communicate-section a:hover {
            text-decoration:none;
            color:#2b542c;
        }

        #audio-books-section a {
            color:#a94442;
        }
        #audio-books-section a:hover {
            text-decoration:none;
            color:#843534;
        }
        #menu li {
            margin: 5px;
        }
    </style>
</head>
<body>
<ul id="menu">
	<li data-menuanchor="library"><a href="#library">书库</a></li>
	<li data-menuanchor="communicate"><a href="#communicate">交流</a></li>
	<li data-menuanchor="audio-books"><a href="#audio-books">有声</a></li>
	<li data-menuanchor="about-us"><a href="#about-us">我们</a></li>
	<li id="logout-btn"><a><span class="glyphicon glyphicon-off"></span></a></li>
</ul>

<div id="fullpage">
	<div class="section " id="library-section">
		<h1><a href="MyBooks.aspx" target="_blank">图书借阅</a></h1>
        <p class="count">有图书<span id="books-number"></span>本</p>
        <p class="count">共借阅<span id="borrow-number"></span>次</p>
		<p class="count">共评论<span id="comment-number"></span>次</p>
	</div>
	<div class="section" id="communicate-section">
		<div class="intro">
			<!--<img src="../images/1.png" alt="Cool" />-->
			<h1><a href="Communicate.aspx" target="_blank">读书交流</a></h1>
            <p>亲子阅读交流</p>
            <p>读书心得分享</p>

		</div>
	</div>
	<div class="section" id="audio-books-section">
		<div class="intro">
			<h1><a href="http://jqueryui.com/resources/demos/effect/easing.html" target="_blank">有声书库</a></h1>
            <p class="count">有声书<span id="audio-number"></span>本</p>
		</div>
	</div>
    <!--<div class="section" id="section4">
		<div class="intro">
			<h1>其他部分</h1>
			<p>其他部分</p>
		</div>
	</div>-->
    <div class="section" id="about-us-section">
		<div class="intro">
            <h1>关于我们</h1>
            <div class="text-left">
                <p><span class="glyphicon glyphicon-envelope"></span> 技术支持</p>
                <p><small>shengling_2005@163.com</small></p>
                <p><span class="glyphicon glyphicon-info-sign"></span> 本单位信息</p>
                <p><small><strong>管理员：周红宇</strong></small></p>
                <p><small><strong>电话：18942563087</strong></small></p>
                <p><small><strong>QQ：2297395926</strong></small></p>
                <p><span class="glyphicon glyphicon-map-marker"></span> CoolMonkey</p>
                <p><small><strong>主创：</strong>代码人生 QQ:99126209 Mobile:13517400938</small></p>
                <p><small><strong>副手：</strong>幻化生灵 QQ:419216226 Mobile:13487564267</small></p>
            </div>
		</div>
	</div>
</div>

</body>
</html>
